<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>余额</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="address=no">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/center-vip.css">
		<link rel="stylesheet" href="css/iconfont.css">
		<link rel="stylesheet" href="css/vip-1/vip-1.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/iscroll.js"></script>
		<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
		<script type="text/javascript" src="js/hmt.js"></script>
	</head>

	<body>
		<!--header star-->
		<header class="hasManyCity hasManyCitytwo" id="header">
			<a href="javascript:history.back(-1)" class="fl fanhui"><i class="iconfont icon-fanhui"></i></a>
			<div class="header-tit">
				会员中心
			</div>
		</header>
		<!--header end-->
		<div id="container">
			<div id="main">
				<div class="warp clearfloat">
					<div class="h-top clearfloat box-s">
						<p class="user">王小二</p>
						<div class="vip-time">
							<img src="img/vip00.png" style="width: 42px;" />
							<span id="time">
				    			到期时间:<span>2018-04-18</span>
							</span>
						</div>
					</div>
				</div>
			</div>
			<!--内容区域-->
			<div class="pt-vip" onclick="pt()">
				<p class="pt-vip-text" onclick="show(1)">普通用户特权</p>
				<div class="pt-vip1"></div>
			</div>
			
			<div class="cj-vip" onclick="vip()">
				<p class="cj-vip-text" onclick="show(2)">会员用户特权</p>
				<div class="cj-vip1" style="display: none;"></div>
			</div>
			
			<div id="ptvip" style="margin-top: 2%;">
				<img class="ptvip-img" src="img/vip-1/time.png"/>
				<img class="ptvip-img" src="img/vip-1/ranking.png"/>
				<span class="ptvip-text">可享广告发布时间3天</span>
				<span class="ptvip-text">广告排名按顺序展示</span>
				<img class="ptvip-img1" src="img/vip-1/place.png"/>
				<p class="ptvip-text1">更多特权敬请期待</p>
			</div>
			<div id="cjvip" style="margin-top: 2%; display: none;">
				<img class="ptvip-img" src="img/vip-1/time.png"/>
				<img class="ptvip-img" src="img/vip-1/ranking.png"/>
				<span class="cjvip-text13" style="margin-left: 50px;">可享广告发布时间长达60天</span>
				<span class="cjvip-text14" style="margin-left: 30px;">广告排名优先显示</span>
				<img class="cjvip-img1" src="img/vip-1/vip.png"/>
				<p class="cjvip-text1">显示尊贵的会员图标</p>
				<img class="ptcjvip-img12" src="img/vip-1/place.png" style="margin-left: 207px; margin-top: -150px;"/>
				<p class="cjvip-text12">更多特权敬请期待</p>
			</div>
			
			<div>
				<a href="#">
					<p class="vip-0">即刻成为会员>></p>
				</a>
			</div>
	</body>
	
	<script>
		
		function pt(){
			$(".pt-vip-text").css("font-size","25px");
			$(".cj-vip-text").css("font-size","20px");
			
			$(".pt-vip1").css("display","block");
			$(".cj-vip1").css("display","none");
		}
		function vip(){
			$(".cj-vip-text").css("font-size","25px");
			$(".pt-vip-text").css("font-size","20px");

			$(".pt-vip1").css("display","none");
			$(".cj-vip1").css("display","block");
		}
		
		
	    document.addEventListener("plusready", function() {
	        // 注册返回按键事件
	        plus.key.addEventListener('backbutton', function() {
	            // 事件处理
	            window.history.back();
	        }, false);
	    });
	    
	    function show(num){
	    	var num=num;
	    	if(num==1){
	    		$('#ptvip').show();
	    		$('#cjvip').hide();
	    	}else{
	    		$('#cjvip').show();
	    		$('#ptvip').hide();
	    	}
	    }
	</script>
</html>